import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
import Avatar from './Avatar';

<Meta
  title="Avatar"
  argTypes={{
    title: { control: 'text' },
  }}
/>

# Avatar

```jsx static
<Avatar title="Plone" color="#007eb6" size={60} />
```

export const UserAvatar = (args) => <Avatar {...args} />;

<Story name="Avatar" args={{ title: 'Plone', color: '#007eb6', size: 60 }}>
  {UserAvatar.bind({})}
</Story>

## Props

<ArgsTable of={Avatar} />
